<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FOMO</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no,viewport-fit=cover">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="./plugins/bootstrap/css/bootstrap.css">
    <style>
        body{
            background-image: url("./img/bg.png");
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .container-box{
          height: 616px;
        }
        .container{
            width: 100%;
            height: 380px;
            padding: 0 20px 0 20px;
        }
        .container P{
          font-family: HighPixel-7;
          font-size: 18px;
          color: #E7BA07;
          line-height: 25px;
        }
        .title-box{
          overflow: hidden;
          height: 150px ;
        }
        .title-img{
          width: 130%;
          position: relative;
          top:-80px;
          left:-100px;
        }
        .info-box{
          border: 2px black solid;
          padding: 10px;
          background-color: white;
          font-family: LLPixel;
          font-size: 13px;
          line-height: 23px;
          height: 310px;
        }
        .info-box a{
          color: #E7BA07;
        }
        .qstin-left{
            margin-top: 0px;
            margin-left: -80px;
        }
        .bottom-box{
          height: 196px;
        }
        /*iphone x*/
        @media screen and (max-device-height:812px){

        }
    </style>
</head>
<body>
    <div class="container-box">
      <div class="title-box">
        <img src="./img/question-top.png" class="title-img">
      </div>
      <div class="container">
        <p>SOME HELP</p>
        <div class="info-box">
          How to Deal with Fear of Missing Out
          <br>
          <a href="http://jackcanfield.com/blog/fear-of-missing-out/">
            http://jackcanfield.com/blog/fear-of-missing-out/
          </a>
          <br>
          <br>
          This Is The Best Way to Overcome Fear of Missing Out
          <a href="http://time.com/4358140/overcome-fomo/">
            http://time.com/4358140/overcome-fomo/
          </a>
          <br>
          <br>
          What is FOMO? (And How the Fear of Missing Out Limits Your Personal Success)
          <br>
          <a href="https://www.developgoodhabits.com/fear-of-missing-out/">
            https://www.developgoodhabits.com/fear-of-missing-out/
          </a>
        </div>
        <img src="./img/question-left.png" class="qstin-left">
      </div>
    </div>
    <div class="bottom-box"></div>

    <script src="./plugins/jQuery/jquery.min.js"> </script>
    <script src="./plugins/bootstrap/js/bootstrap.min.js"> </script>
    <script>
    </script>
</body>
</html>
